<template>
  <div id="app">
    <keep-alive exclude="Detail">
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="stylus">
  img
    content normal !important
  [aspectratio]
    position relative
    overflow hidden
  [aspectratio]::before
    content '' !important
    display block
    width 1px
    margin-left -1px
    height 0
  [aspectratio-content]
    position: absolute;
    top 0
    width 100%
    height 100%;
    bottom 0
    right 0
    left 0
  [w-750-200]
    aspect-ratio '750:200'
  [w-750-375]
    aspect-ratio '750:375'
  [w-100-100]
    aspect-ratio '100:100'
  [w-565-214]
    aspect-ratio '565:214'
  [w-600-330]
    aspect-ratio '600:330'
  [w-800-455]
    aspect-ratio '800:455'
</style>

<style lang="postcss">
  @svg 1px-border{
    width: 4px;
    height: 4px;
    @rect {
      fill: transparent;
      width: 100%;
      height: 100%;
      stroke-width: 25%;
      stroke: var(--color, black);
    }
  }
  [border-1px]{
    border: 1px solid;
    border-image: svg(1px-border param(--color #ccc)) 1 stretch;
  }
  [border-bottom-1px] {
    border: 0;
    border-bottom: 1px solid;
    border-image: svg(1px-border param(--color #ccc)) 1 stretch;
  }
  [border-top-1px] {
    border: 0;
    border-top: 1px solid;
    border-image: svg(1px-border param(--color #ccc)) 1 stretch;
  }
  [border-left-1px] {
    border: 0;
    border-left: 1px solid;
    border-image: svg(1px-border param(--color #ccc)) 1 stretch;
  }
  [border-right-1px] {
    border: 0;
    border-right: 1px solid;
    border-image: svg(1px-border param(--color #ccc)) 1 stretch;
  }
</style>

<style>
  [border-radius] {
    width: 100%;
    height: 100%;
    position: relative;
  }
  [border-radius]::before{
    content:'' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    transform-origin: 0 0;
    transform: scale(.5,.5);
    border: 1px solid #ccc;
    border-radius: 14px;
  }
</style>
